﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_LayoutFront.cshtml";
}
<style>
    .header-nav {
        background-color: #b9abce;
    }

    body {
        color: black;
    }
    .pro-details-img img {
    width: 450px;
    height: 450px;
}
</style>

<section class="pro-list">
    <aside class="pro-rightsidebar">
        <header>
            <p></p>
            <span>玫瑰系列</span>
            <div class="product-nav"><a href="~/Home/Index">首页 </a>&#62;<a href="#">案例展示</a>&#62;<a>产品分类</a>&#62;<a>玫瑰系列</a></div>
        </header>
        <main>
            <div class="pro-right-left">
                <div class="pro-details-img"><img src="~/images/KR4-003_B.jpg"></div>
                <div class="pro-detalis-carousel">
                    <div class="am-slider am-slider-default am-slider-carousel" data-am-flexslider="{itemWidth: 112, itemMargin: 4,move:5,  controlNav: false ,  slideshow: true}">
                        <ul class="am-slides pro-details">
                            @foreach (var item in ViewBag.B)
                            {
                                <li><img src="~/@item.ImgUrl" /></li>
                            }


                        </ul>
                    </div>
                </div>
            </div>
            <div class="pro-right-right">
                <ul class="pro-right-info-constant">
                    <li>产品名称:</li>
                    <li>产品材质:</li>
                    <li>产品售价:</li>
                    <li>市场价:</li>
                </ul>
                <ul class="pro-right-info-variable">
                    <li>@ViewBag.A.Name</li>
                    <li>@ViewBag.A.CaiZhi</li>
                    <li>$@ViewBag.A.ProductPrice</li>
                    <li>$@ViewBag.A.MarketPrice</li>
                </ul>
            </div>

            <div class="am-tabs pro-tabs" data-am-tabs>
                <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li class="am-active"><a href="#tab1">详细说明1</a></li>
                    <li><a href="#tab2">详细说明2</a></li>
                </ul>
                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-active" id="tab1">
                        @Html.Raw(@ViewBag.A.Cont)
                    </div>
                    <div class="am-tab-panel" id="tab2">
                        <ul>
                            <li>
                                <span class="pro-tabs-constant">品牌:</span>
                                <span class="pro-tabs-variable">@ViewBag.A.Brand</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否组装:</span>
                                <span class="pro-tabs-variable">@ViewBag.A.ZuZhuang</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否可定制:</span>
                                <span class="pro-tabs-variable">@ViewBag.A.Name</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">型号:</span>
                                <span class="pro-tabs-variable">@ViewBag.A.XingHao</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">颜色分类:</span>
                                <span class="pro-tabs-variable">@ViewBag.A.Color</span>
                            </li>                           
                            <li>
                                <span class="pro-tabs-constant">风格:</span>
                                <span class="pro-tabs-variable">@ViewBag.A.FengGe</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">款式定位:</span>
                                <span class="pro-tabs-variable">@ViewBag.A.KuanShi</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </main>
    </aside>


</section>

